@import 'theme.scss';
// @use "theme.scss" as *;
.bg-theme {
  background: $theme !important;
}
.color-theme {
  color: $theme !important;
}
.color-gray {
  color: $color-gray;
}
.color-gray2 {
  color: $color-gray2;
}
.bg-gradient {
  background: $theme-gradient-color;
}
.bor-t {
  border-top: 1rpx solid $line-color;
}
.bor-b {
  border-bottom: 1rpx solid $line-color;
}
// 字体
.font-xs {
  font-size: $font-size-xs;
}
.font-sm {
  font-size: $font-size-sm;
}
.font-default {
  font-size: $font-size-default;
}
.font-lg {
  font-size: $font-size-lg;
}
// 边距
.padding-xs {
  padding: $margin-xs;
}
.padding-sm {
  padding: $margin-sm;
}
.padding-default {
  padding: $margin-default;
}
.padding-lg {
  padding: $margin-lg;
}
.margin-xs {
  margin: $margin-xs;
}
.margin-sm {
  margin: $margin-sm;
}
.margin-default {
  margin: $margin-default;
}
.margin-lg {
  margin: $margin-lg;
}

.padding-lr-xs {
  padding-left: $margin-xs;
  padding-right: $margin-xs;
}
.padding-lr-sm {
  padding-left: $margin-sm;
  padding-right: $margin-sm;
}
.padding-lr-default {
  padding-left: $margin-default;
  padding-right: $margin-default;
}
.padding-lr-lg {
  padding-left: $margin-lg;
  padding-right: $margin-lg;
}

.margin-lr-xs {
  margin-left: $margin-xs;
  margin-right: $margin-xs;
}
.margin-lr-sm {
  margin-left: $margin-sm;
  margin-right: $margin-sm;
}
.margin-lr-default {
  margin-left: $margin-default;
  margin-right: $margin-default;
}
.margin-lr-lg {
  margin-left: $margin-lg;
  margin-right: $margin-lg;
}
.btn-theme-bg {
  background: $theme !important;
}
.fixed-bottom-btn {
  position: fixed;
  bottom: 20rpx;
  width: 100%;
  max-width: $pc-width;
}
.fixed-bottom {
  position: fixed;
  bottom: 0;
  z-index: 99;
}
.page-bottom {
  padding-bottom: 0;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
  box-sizing: content-box;
  background: rgb(255, 255, 255);
}
.footer-fixed-height {
  height: 164rpx;
}
.footer-placeholder-height {
  height: 200rpx;
  height: calc(200rpx + constant(safe-area-inset-bottom));
  height: calc(200rpx + env(safe-area-inset-bottom));
}
.bt16 {
  border-top: 16rpx solid $page-gray-color;
}
.bb16 {
  border-bottom: 16rpx solid $page-gray-color;
}
.select-border {
  border: 2rpx solid $theme;
}

// 商品列表
.goods-list-item {
  margin-bottom: 20rpx;
  .goods-item {
    width: 326rpx;
    .goods-pic {
      width: 326rpx;
      height: 326rpx;
    }

    .goods-info {
      .goods-name {
        font-size: 26rpx;
        color: #101010;
        font-weight: 400;
        line-height: 36rpx;
        margin-top: 24rpx;
      }
      .goods-tag {
        margin-top: 12rpx;
        view {
          padding: 0 10rpx;
          height: 36rpx;
          background: $theme-tag;
          border-radius: 4rpx;
          font-weight: 400;
          font-size: 22rpx;
          color: #aa7422;
          line-height: 29rpx;
          margin-right: 10rpx;
        }
      }
      .goods-price {
        font-weight: bold;
        font-size: 28rpx;
        color: $theme;
        line-height: 42rpx;
        .left {
          font-size: 28rpx;
          color: $theme;
          line-height: 42rpx;
        }
        .right {
          text-decoration: line-through;
          font-size: 24rpx;
          color: #999999;
          font-weight: 400;
          margin-left: 8rpx;
        }
      }
      .goods-tip {
        font-weight: 400;
        font-size: 24rpx;
        color: #fb9400;
      }
    }
  }
}
